<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="report" content='{"pid": "blog", "spm":"1001.2101"}'>
<meta name="referrer" content="always">
<meta http-equiv="Cache-Control" content="no-siteapp" /><link rel="alternate" media="handheld" href="#" />
<meta name="shenma-site-verification" content="5a59773ab8077d4a62bf469ab966a63b_1497598848">
<title>移动端HTML文档（富文本）编辑器 - Zx-Editor</title>
<meta name="keyword" content="Zx-Editor,html-editor,editor">
<meta name="description" content="移动端HTML文档（富文本）编辑器，支持图文混排、引用、大标题、无序列表，字体颜色、加粗、斜体。">
<link rel="stylesheet" href="./css/index.css">
<style type="text/css">
.header-wrapper{position: fixed;background-color: #fff;border-bottom: 1px solid #e5e5e5;height: 50px;position: relative;width: 100%;}
.header-wrapper .left-btn {position: absolute;left: 0;top: 0;z-index: 2;}
.header-wrapper .left-btn img{width: 25px;height: auto;}
.header-wrapper .center-btn {text-align: center;position: relative;}
.header-wrapper .right-btn {position: absolute;right: 0;top: 0;text-align: right;}
.header_title{font-weight: normal;color: #5f5f5f;line-height: 50px;font-size: 0.6rem;}

.cover-wrapper{margin-top: 0;background: #3e3e3e;}
.cover-wrapper .cover{min-height: 200px;}
.cover-wrapper .cover:after{background: url(./img/icon-video@3x.png) no-repeat 0 0;-webkit-background-size: auto 20px;background-size: auto 20px;content: '添加视频'}
.border-bm{ border-bottom:1px dashed #eeeeee; }
.title-wrapper .placeholder{ font-size:18px; }
.title-wrapper .input-hook{ font-size:18px;  }
article{display: none;}
video{width: 100%;height: 235px;}
.cover-wrapper .has-pic img{width: auto;}

.wrap-btm-fixed{bottom:0;height:50px;left:0;position:fixed;text-align:center;width:100%;z-index:10;}
/*.four-column .action-list{width:100%;}
.action-list{float:left;}*/
.action-list a{color:#fff;font-size:15px;display:inline-block;float:left;height:50px;line-height:50px;width:50%;text-decoration:none;transform-origin:0px 0px 0px;opacity:1;transform:scale(1,1);}
.yellow-color{background-color:#ffb03f;}
.red-color{background-color:#f15353;}
/*.footer{position: fixed;width: 100%;height: 50px;min-height: 50px;bottom: 0;left: 0;box-sizing: border-box;background-color: #fff;box-shadow: 0 0 10px 1px rgba(0,0,0,.1);z-index: 9;display: flex;flex-direction: row;}*/

</style>
</head>
<body>
<div class="container"> 
    <section class="header-wrapper">
        <div class="left-btn">
            <div style="padding:15px 0px 0px 10px">
                <a onclick="javascript:void(0);"><img src="./img/back@2x.png"></a> 
            </div>
        </div>
        <div class="center-btn">
            <span class="header_title">视频</span>
        </div>
        <div class="right-btn">
            <div style="padding:15px 15px 0px 0px">
                <a href="javascript:handleSubmitClick();" style="font-size:18px;color:#FFB74F;text-decoration: none;">发布</a>
            </div>
        </div>
    </section>
    <section class="cover-wrapper">
        <div class="cover"><img src=""></div>
        <input type="file" accept="video/*" style="display: none">
    </section>
    <!--标题-->
    <section class="title-wrapper border-bm">
        <div class="item placeholder"><span>请输入标题...</span></div>
        <div class="item input-hook" contenteditable="true" style="display: none;"></div>
    </section>
    <!--导语、摘要-->
    <section class="summary-wrapper border-bm">
        <div class="item placeholder">输入摘要，140字内（非必填）</div>
        <div class="item input-hook" contenteditable="true" style="display: none;"></div>
    </section>
    <article>
      <div class="zx-eidtor-container" id="editorContainer"></div>
    </article>
    <section class="upload-wrap"><video></video></section>
    <section  class="wrap-btm-fixed">
      <div class="action-list">
        <a href="javascript:play();" class="yellow-color"> 视频播放 </a>
        <a href="javascript:suspendInterceptImage();" class="red-color">暂停/截图</a>
      </div>
    </section>
</div>
</body>
</html>
<script src="./js/polyfill.min.js"></script>
<!--exif获取照片参数插件-->
<script src="./libs/exif.min.js"></script>
<!--debug-->
<script src="./libs/zx-debug.min.js"></script>
<!--编辑器-->
<script src="./js/zx-editor.js"></script>
<!--编辑器扩展库-->
<script src="./js/extend.js"></script>
<!--发布文章逻辑-->
<script src="./js/main.js"></script>
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> -->
<!-- <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> -->
<script type="text/javascript">

</script>